<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="shortcut icon" href="../img/icon.png">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/home.css">
</head>
<body>
<div class="header">
    <img class="logo" src="../img/home_1.png" alt="home_1.png">

    <form action="">
        <input class="search" type="text">
    </form>
    <img class="nav-pic" src="../img/home_3.png" alt="home_3.png">
</div>
<div class="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../img/home_4.png" alt="home_4.png"></div>
            <div class="swiper-slide"><img src="../img/home_4.png" alt="home_4.png"></div>
            <div class="swiper-slide"><img src="../img/home_4.png" alt="home_4.png"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
<div class="main">
    <ul class="shop-list">
        <li>
            <a href="javascript:;">
                <img src="../img/home_5.png" alt="home_5.png">

                <p>酒杯系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_6.png" alt="home_6.png">

                <p>茶具系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_7.png" alt="home_7.png">

                <p>香器系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_8.png" alt="home_8.png">

                <p>锡画系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_9.png" alt="home_9.png">

                <p>瓷锡系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_10.png" alt="home_10.png">

                <p>锡罐系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_11.png" alt="home_11.png">

                <p>锡雕系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_12.png" alt="home_12.png">

                <p>居家系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_13.png" alt="home_13.png">

                <p>斑锡系列</p>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="../img/home_14.png" alt="home_14.png">

                <p>经典案例</p>
            </a>
        </li>
    </ul>
    <div class="news">
        <img src="../img/home_15.png" alt="home_15.png">
        <ul class="top-line">
            <li>
                <span>热议</span>

                <h2><a href="javascript:;">一肩行担，满身风雨,永康锡雕走进芝英镇尚道故居小记。</a></h2>
            </li>
            <li>
                <span>最新</span>

                <h2><a href="javascript:;">第七届中国（浙江）工艺美术精品博览会荣盛达公司作品获多项殊荣。</a></h2>
            </li>
        </ul>
    </div>
    <ul class="introduce">
        <li>
            <img src="../img/home_16.png" alt="home_16.png">
            <h3>工业旅游</h3>
            <p>一览无际</p>
        </li>
        <li>
            <img src="../img/home_17.png" alt="home_17.png">
            <h3>技艺培训</h3>
            <p>技能提升</p>
        </li>
        <li>
            <img src="../img/home_18.png" alt="home_18.png">
            <h3>工作室</h3>
            <p>百炼锤炼</p>
        </li>
        <li>
            <img src="../img/home_19.png" alt="home_19.png">
            <h3>永康锡雕馆</h3>
            <p>传承文化</p>
        </li>
        <li>
            <img src="../img/home_20.png" alt="home_20.png">
            <h3>永康锡雕</h3>
            <p>历史悠久</p>
        </li>
        <li>
            <img src="../img/home_21.png" alt="home_21.png">
            <h3>荣盛达</h3>
            <p>文化企业</p>
        </li>
    </ul>
    <div class="hot-goods">
        <p class="home-title">热门产品</p>
        <ul>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_22.png" alt="home_22.png">
                    <h4>五福临门</h4>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_23.png" alt="home_23.png">
                    <h4>富贵牡丹</h4>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_24.png" alt="home_24.png">
                    <h4>花开富贵</h4>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_25.png" alt="home_25.png">
                    <h4>龙腾海天</h4>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_26.png" alt="home_26.png">
                    <h4>步步高升</h4>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_27.png" alt="home_27.png">
                    <h4>一路连升</h4>
                </a>
            </li>
        </ul>
    </div>
    <ul class="on-new">
        <li>
            <a href="javascript:;">
                <div>每日上新</div>
                <img src="../img/home_28.png" alt="home_28.png">
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <div>销量排行</div>
                <img src="../img/home_29.png" alt="home_29.png">
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <div>品牌特卖</div>
                <img src="../img/home_30.png" alt="home_30.png">
            </a>
        </li>
    </ul>
    <div class="explosion">
        <div class="title">
            <p class="home-title">爆款特惠</p>
            <span>高品质超低价</span>
            <b>更多优惠<i>&gt</i></b>
        </div>
        <ul class="goods">
            <li>
                <a href="javascript:;"><img src="../img/home_31.png" alt="home_31.png"></a>
                <div class="details">
                    <h4>【年终大促】<a href="javascript:;">青瓷锡罐</a></h4>
                    <p>纯锡锡器色泽柔和内敛，结合青瓷罐身显现光泽岁月流转，俞能散发迷人的金属质感。</p>
                    <span>￥<i>699</i></span>
                    <b>立即抢购</b>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_32.png" alt="home_32.png"></a>
                <div class="details">
                    <h4>【年终大促】<a href="javascript:;">陶瓷锡罐</a></h4>
                    <p>罐身图案采用釉下彩表面用保护釉,保证了彩釉经久耐用。</p>
                    <span>￥<i>799</i></span>
                    <b>立即抢购</b>
                </div>
            </li>
        </ul>
    </div>
    <ol class="new-people">
        <li>
            <div>
                <h5><a href="javascript:;">新人礼包</a></h5>
                <p>首次下单可领</p>
            </div>
            <a href="javascript:;"><img src="../img/home_33.png" alt="home_33.png"></a>
        </li>
        <li>
            <div>
                <h5><a href="javascript:;">立减专区</a></h5>
                <p>任性减享巨惠</p>
            </div>
            <a href="javascript:;"><img src="../img/home_34.png" alt="home_35.png"></a>
        </li>
    </ol>
    <div class="selected">
        <p class="home-title">值精选</p>
        <div class="group">
            <div class="tea">
                <a href="javascript:;">
                    <h3>百福茶罐</h3>
                    <p>纯锡大号盛世祥龙茶叶罐</p>
                    <img src="../img/home_35.png" alt="home_35.png">
                </a>
            </div>
            <div class="tea-group">
                <div>
                    <a href="javascript:;">
                        <img src="../img/home_36.png" alt="home_36.png">
                        <div>
                            <h3>茶叶筒城堡宫殿茶叶罐</h3>
                            <p>俄罗斯锡器锡制</p>
                        </div>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <img src="../img/home_37.png" alt="home_37.png">
                        <div>
                            <h3>阿拉丁神灯创意锡器</h3>
                            <p>许愿灯神灯欧式工艺礼品</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <ul class="goods">
            <li>
                <a href="javascript:;">
                    <img src="../img/home_38.png" alt="home_38.png">
                    <div>
                        <h3>福如海纯锡茶叶罐</h3>
                        <p>金属密封茶罐</p>
                        <p>高档锡器茶具</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_39.png" alt="home_39.png">
                    <div>
                        <h3>铜钱香炉-金色</h3>
                        <p>香薰炉居室</p>
                        <p>佛具茶道摆件</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_40.png" alt="home_40.png">
                    <div>
                        <h3>佛具茶道摆件</h3>
                        <p>纯手工手刻</p>
                        <p>保鲜保味</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_41.png" alt="home_41.png">
                    <div>
                        <h3>锡器吉象纹白酒杯</h3>
                        <p>小茶具套装礼盒</p>
                        <p>酒杯酒具</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div class="today">
        <p class="home-title">今日推荐</p>
        <ul>
            <li>
                <a href="javascript:;"><img src="../img/home_42.png" alt="home_42.png"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_43.png" alt="home_43.png"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_44.png" alt="home_44.png"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_45.png" alt="home_45.png"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_46.png" alt="home_46.png"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_47.png" alt="home_47.png"></a>
            </li>
        </ul>
    </div>
    <div class="root">
        <a href="javascript:;"><img src="../img/home_48.png" alt="home_48.png"></a>
    </div>
    <div class="new-arrival">
        <p class="home-title">新品上市</p>
        <ul>
            <li>
                <a href="javascript:;"><img src="../img/home_49.png" alt="home_49.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">金鸡如意纯锡茶叶罐</a></h4>
                    <span>¥<i>378.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_50.png" alt="home_50.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">纯锡茶叶罐</a></h4>
                    <span>¥<i>558.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_51.png" alt="home_51.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">禅定纯锡随身便携式茶叶罐</a></h4>
                    <span>¥<i>368.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_52.png" alt="home_52.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">如意四方密封茶罐茶具</a></h4>
                    <span>¥<i>358.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_55.png" alt="home_55.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">和纳百福茶叶罐</a></h4>
                    <span>¥<i>518.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_56.png" alt="home_56.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">泰国锡器巴洛克酒具套装配</a></h4>
                    <span>¥<i>1030.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_57.png" alt="home_57.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">锡画 水</a></h4>
                    <span>¥<i>978.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_58.png" alt="home_58.png"></a>
                <div class="text">
                    <h4><a href="javascript:;">普洱茶刀</a></h4>
                    <span>¥<i>558.00</i></span>
                    <div class="icon">
                        <img src="../img/home_53.png" alt="home_53.png">
                        <img src="../img/home_54.png" alt="home_54.png">
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="pic">
        <a href="javascript:;"><img src="../img/home_59.png" alt="home_59.png"></a>
    </div>
    <div class="guss" id="guss">
        <p class="home-title">猜你喜欢</p>
        <a href="javascript:;"><img src="../img/home_60.png" alt="home_60.png"></a>
        <ul>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_61.png" alt="home_61.png">
                    <h5>永康酒壶</h5>
                    <p>¥<span>1280.00</span></p>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_62.png" alt="home_62.png">
                    <h5>雕花锡器</h5>
                    <p>¥<span>280.00</span></p>
                </a>
            </li>
            <li class="on">
                <a href="javascript:;">
                    <img src="../img/home_63.png" alt="home_63.png">
                    <h5>貔犰纯锡</h5>
                    <p>¥<span>3880.00</span></p>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../img/home_64.png" alt="home_64.png">
                    <h5>道德经香筒</h5>
                    <p>¥<span>891.00</span></p>
                </a>
            </li>
        </ul>
        <ol>
            <li>
                <a href="javascript:;"><img src="../img/home_65.png" alt="home_65.png"></a>
                <div class="now-buy">
                    <h5><a href="javascript:;">圆方锡器酒壶 便携式随身小酒器 欧式风格纯锡酒具</a></h5>
                    <p>¥<span>2190.00</span></p>
                    <img src="../img/home_69.png" alt="home_69.png">
                </div>
            </li>
            <li>
                <div class="now-buy">
                    <h5><a href="javascript:;">匠之源酒具套装纯锡制锡器酒杯白酒红酒壶</a></h5>
                    <p>¥<span>1680.00</span></p>
                    <img src="../img/home_69.png" alt="home_69.png">
                </div>
                <a href="javascript:;"><img src="../img/home_66.png" alt="home_66.png"></a>
            </li>
            <li>
                <a href="javascript:;"><img src="../img/home_67.png" alt="home_67.png"></a>
                <div class="now-buy">
                    <h5><a href="javascript:;">锡器大马锡纯锡对杯龙凤锡杯结婚十年锡婚礼物</a></h5>
                    <p>¥<span>480.00</span></p>
                    <img src="../img/home_69.png" alt="home_69.png">
                </div>
            </li>
            <li>
                <div class="now-buy">
                    <h5><a href="javascript:;">纯锡茶叶罐锡罐锡器茶器茶具茶筒 斑锡唐风</a> </h5>
                    <p>¥<span>1680.00</span></p>
                    <img src="../img/home_69.png" alt="home_69.png">
                </div>
                <a href="javascript:;"><img src="../img/home_68.png" alt="home_68.png"></a>
            </li>
        </ol>
    </div>
</div>
<ul class="footer" id="footer">
    <li class="on">
        <div></div>
        <p>首页</p>
    </li>
    <li>
        <div></div>
        <p>分类</p>
    </li>
    <li>
        <div></div>
        <p>购物车</p>
    </li>
    <li>
        <div></div>
        <p>我的</p>
    </li>
</ul>


<script src="../lib/zepto.min.js"></script>
<script src="../lib/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/resetRem.js"></script>
<script src="../js/common.js"></script>
<script src="../js/home.js"></script>
</body>
</html>